// import React from "react";
// import "./index.css"
// import Top from '../../components/top'
// import { useState, useEffect } from "react";
// import axios from "axios";
// import { withRouter } from "react-router-dom";
// import FoodAlert from './components/alert/index.js'
// import { Sidebar, Toast } from 'react-vant';
// function Food(props) {
//     let [datas, setDatas] = useState("")
//     const [active, setActive] = useState(0);
//     let state = {
//         index: 0, // 用来保存左侧选中的菜单项的序号
//         scroll:0,
//     }
//     useEffect(() => {
//         axios.get('/data/goods.json')
//             .then(datas => {
//                 setDatas(datas.data)
//             });
//     }, [])
//     datas = datas || []


//     return (
//         <div className="food">
//             <Top title='鱼酷'></Top>
//             <FoodAlert></FoodAlert>

//             <div className="food-main">
//                 <div className="food-nav">
//                     <img src="/img/yudian/shop.jpg" alt="" />
//                     <span className="left">北京槐房万达店</span>
//                     <span className="right">预点餐</span>
//                 </div>

//                 <div className="food-content">
//                     <div className="food-table" style={{height:state.scroll==0?"":"0px"}}>
//                         <div className="food-tableTop">
//                             <img src="/img/yudian/双人餐套餐.png" alt="" />
//                         </div>
//                         <div className="food-tableBottom">
//                             <div className="food-tableLeft">
//                                 <p className="title">加入锦鲤会员</p>
//                                 <p className="con">即得6斤免费蛔鱼，本单立减65.88元</p>
//                                 <button>立即开通</button>
//                             </div>
//                             <div className="food-tableRight">
//                                 <p className="title">我的优惠券</p>
//                                 <div className="con">
//                                     <span>2</span>张
//                                     <button
//                                      onClick={()=>{props.history.push("/Car")}}>查看&nbsp;&gt;</button>
//                                 </div>
//                             </div>
//                         </div>
//                     </div>
//                     <div className="food-list">
//                         <div className="food-left">
//                             {
//                                 datas.map((d, i) => {
//                                     return (
//                                         <span key={i}
//                                         onClick={()=>state.index=i}
//                                             className={i === state.index ? "active" : ""}
                               
//                                         >{d.title}</span>
//                                     )
//                                 })
//                             }

//                         </div>
//                         <div className="food-right">
//                             {
//                                 datas.map((d, i) => {
//                                     if (d.id <= 2) {
//                                         return (
//                                             <div key={i} >
//                                                 <h3>{d.title}</h3>
//                                                 <div className="food-rightT">
//                                                     {
//                                                         d.goods.map((item, id) => {
//                                                             return (
//                                                                 <div key={id}>
//                                                                     <img src={item.pic} alt="" />
//                                                                     <button>选鱼</button>
//                                                                 </div>

//                                                             )
//                                                         })

//                                                     }

//                                                 </div>
//                                             </div>
//                                         )
//                                     } else {
//                                         return (
//                                             <div key={i}>
//                                                 <h3>{d.title}</h3>
//                                                 {
//                                                     d.goods.map((item, id) => {
//                                                         return (
//                                                             <div key={id}>
//                                                                 <div className="food-rightC">
//                                                                     <div className="food-rightL">
//                                                                         <img src={item.pic} alt=""></img>
//                                                                     </div>
//                                                                     <div className="food-rightR">
//                                                                         <p>{item.name}</p>
//                                                                         <div className="food-rightB">
//                                                                             ￥<span>{item.price}</span>
//                                                                             <button>+</button>
//                                                                         </div>
//                                                                     </div>
//                                                                 </div>
//                                                             </div>
//                                                         )
//                                                     })
//                                                 }

//                                             </div>
//                                         )
//                                     }
//                                 })
//                             }

//                         </div>
//                     </div>
//                 </div>
//             </div>
//             <div className="yu">
//                 <img src='/img/yudian/预订单.png' alt='' />
//             </div>
//             <div className="di">
//                 <div className="nav-left">
//                     <span>0件</span>
//                 </div>
//                 <div className="nav-right">
//                     <span 
//                      onClick={()=>{props.history.push("/Sure")}}>选好了</span>
//                 </div>
//             </div>
//         </div>
//     )

// }
// export default withRouter(Food)